// $(document).ready(function () {
//     // 获取所有的a标签元素
//     const saveA = $(".saveA");
//     const zhuangfaA = $(".zhuangfaA");
//     const contextA = $(".contextA");
//     const dianzanA = $(".dianzanA");
//     // 获取所有的img元素中的src的值

//     const save = $(".save");
//     const zhuangfa = $(".zhuangfa");
//     const context = $(".context");
//     const dianzan = $(".dianzan");

//     // 实现点击事件

//     saveA.click( function () {
//         const saveImg = save.attr("src");
//         if (saveImg === "../images/save.png") {
//             save.attr("src", "../images/save1.png")
//         } else if (saveImg === "../images/save1.png") {
//             save.attr("src", "../images/save.png");
//                }
//     });

//     zhuangfaA.click(function() {
//         const zhuangfaImg = zhuangfa.attr("src");
//         if (zhuangfaImg === "../images/zhuangfa.png") {
//             zhuangfa.attr("src", "../images/zhuangfa1.png");
//         } else if (zhuangfaImg === "../images/zhuangfa1.png") {
//             zhuangfa.attr("src", "../images/zhuangfa.png");
//                }
//     });

//     contextA.click(function() {
//         const contextImg = context.attr("src");
//         if (contextImg === "../images/context.png") {
//             context.attr("src", "../images/context1.png");
//         } else if (contextImg === "../images/context1.png") {
//                  context.attr("src", "../images/context.png");
//                }
//     });

//     dianzanA.click(function() {
//         const dianzanImg = dianzan.attr("src");
//         if (dianzanImg === "../images/dianzan.png") {
//             dianzan.attr("src", "../images/dianzan1.png");
//         } else if (dianzanImg === "../images/dianzan1.png") {
//             dianzan.attr("src", "../images/dianzan.png");
//                }
//     });
// })


$(document).ready ( function () {
    const saveContainer = $(".saveContainer");
    var i = 0;
    saveContainer.each( function () {
        const thisClass = $(this).attr("class");
        const newClass = thisClass + i;
        $(this).attr("class", newClass);
        i ++;
    });
    const saveContainerImg = $(".contextContainer>td");
    saveContainerImg.each( function () {
        $(this).find("a").click( function () {
         const imgSrc = $(this).find("img");
            if (imgSrc.attr("src") === "../images/save.png") {
              imgSrc.attr("src", "../images/save1.png");
            } else if (imgSrc.attr("src") === "../images/save1.png") {
              imgSrc.attr("src", "../images/save.png");
            } else if (imgSrc.attr("src") === "../images/zhuangfa.png") {
              imgSrc.attr("src", "../images/zhuangfa1.png");
            } else if (imgSrc.attr("src") === "../images/zhuangfa1.png") {
              imgSrc.attr("src", "../images/zhuangfa.png");
            } else if (imgSrc.attr("src") === "../images/context.png") {
                imgSrc.attr("src", "../images/context1.png");
            } else if (imgSrc.attr("src") === "../images/context1.png") {
                imgSrc.attr("src", "../images/context.png");
            } else if (imgSrc.attr("src") === "../images/dianzan.png") {
                imgSrc.attr("src", "../images/dianzan1.png");
            } else if (imgSrc.attr("src") === "../images/dianzan1.png") {
                imgSrc.attr("src", "../images/dianzan.png");
                   }
        })
    })
});

